<%@ include file="common/taglibs.jsp"%>
<%@ include file="common/header.jsp"%>
<div id="menu">
    <ul>
        <li><a href="start.htm">Inicio</a></li>
        <li class="selected"><a href="categoria.htm">Repuestos</a></li>
    </ul>
</div>
</div>
<div class="center_content">
    <div class="left_content">
        <div class="crumb_nav">
            <a href="start.htm">Inicio</a> &gt;&gt; Repuestos
        </div>
        <c:forEach items="${listadoCategorias}" var="categoria">
            <div class="title">
                <span class="title_icon">
                    <img src="images/bullet1.gif" alt="" title="" /><c:out value="${categoria.getNombre()}"/></span></div>
            <div class="new_products">
                <c:forEach items="${productosCategoria.get(categoria.getCodigo())}" var="producto">

                    <div class="new_prod_box">
                        <a href="producto.htm?id=<c:out value="${producto.getCodigo()}"/>"><c:out value="${producto.getNombre()}"/></a>
                        <div class="new_prod_bg">
                            <a href="producto.htm?id=<c:out value="${producto.getCodigo()}"/>">
                                <img src="${producto.getRutaImagen()}" height="100" width="120" alt="" title="" class="thumb" border="0" /></a>
                        </div>
                    </div>

                </c:forEach>
            </div>
            <div class="clear">
            </div>
        </c:forEach> 
        <div class="clear">
        </div>
    </div>
    <%@ include file="common/footer.jsp"%>